<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文件管理 - 向量库操作系统</title>
    <link rel="stylesheet" href="/static/css/style.css">
</head>
<body>
    <header>
        <h1>向量库操作系统</h1>
        <p>文件管理、向量库和检索系统</p>
    </header>
    
    <nav class="navbar">
        <a href="/">首页</a>
        <a href="/files" class="active">文件管理</a>
        <a href="/search">内容检索</a>
        <a href="/stats">系统统计</a>
        <a href="/docs">API文档</a>
    </nav>
    
    <div class="container">
        <div class="card">
            <div class="card-header">
                <h2>文件列表</h2>
            </div>
            <div class="table-responsive">
                <table class="file-list">
                    <thead>
                        <tr>
                            <th>文件名</th>
                            <th>大小</th>
                            <th>类型</th>
                            <th>状态</th>
                            <th>块数</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody id="file-list-body">
                        <!-- 文件列表将在这里显示 -->
                        <tr>
                            <td colspan="6">加载中...</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            
            <div class="pagination">
                <button id="prev-page" class="btn">上一页</button>
                <span id="page-info">第 1 页</span>
                <button id="next-page" class="btn">下一页</button>
            </div>
        </div>
    </div>
    
    <script src="/static/js/main.js"></script>
    <script>
        // 页面特定的初始化代码
        document.addEventListener('DOMContentLoaded', function() {
            // 这里可以添加文件管理页面特有的初始化代码
        });
    </script>
</body>
</html>